<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../flexible/flexible.debug.js"></script>
    <script src="../flexible/flexible_css.debug.js"></script>
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/shouye.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
</head>

<body>
    <header class="header">
        <div><img src="../img/00.png" alt="" class="left"><span>宜花·找鲜花</span><img src="../img/1.png" alt="" class="right"></div>
    </header>
    <div class="banner">
        <img src="../img/banner.png">
    </div>
    <div class="kuaibao">
        <p><span>宜花</span><img src="../img/kuaibao.png">母亲节宜花送温暖，全场康奶昔满500减50</p>
    </div>
    <div class="main">
        <div class="left">
            <dl>
                <dt><img src="../img/14.png" alt=""></dt>
                <dd><a href="../html/commodity.html">我要采购</a></dd>
            </dl>
        </div>
        <div class="right">
            <dl>
                <dt class="dt"><img src="../img/15.png"></dt>
                <dd><a href="../html/zhuang.html">宜花专供</a></dd>
            </dl>
            <dl>
                <dt><img src="../img/16.png"></dt>
                <dd><a href="../html/yuding.html">花材预定</a></dd>
            </dl>
            <dl>
                <dt><img src="../img/17.png"></dt>
                <dd>幸运抽奖</dd>
            </dl>
            <dl>
                <dt><img src="../img/18.png"></dt>
                <dd><a href="../html/qiandao.html">每日签到</a></dd>
            </dl>
        </div>
    </div>
    </div>
    <div class="swiper-container abc">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="../img/19.png">
            </div>
            <div class="swiper-slide">
                <img src="../img/19.png">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="module">
        <dl>
            <dt><img src="../img/20.png"></dt>
        </dl>
        <dl>
            <dt><img src="../img/21.png"></dt>
        </dl>
        <dl>
            <dt><img src="../img/22.png"></dt>
        </dl>
        <dl>
            <dt><img src="../img/23.png"></dt>
        </dl>
        <dl>
            <dt><img src="../img/24.png"></dt>
        </dl>
        <dl>
            <dt><img src="../img/25.png"></dt>
        </dl>
    </div>
    <div class="tehui">
        <img src="../img/26.png" alt="">
        <section>
            <div class="center">
                <p class="p1"><a href="../html/tehui.html">特惠特卖</a></p>
                <p>每日特卖低至5折</p>
            </div>
        </section>
    </div>
    <div class="tehui">
        <img src="../img/27.png" alt="">
        <section>
            <div class="center">
                <p class="p1"><a href="../html/qianggou.html">疯狂抢购</a></p>
                <p>宜花会员福利专区</p>
            </div>
        </section>
    </div>
    <div class="tehui">
        <img src="../img/28.png" alt="">
        <section>
            <div class="center">
                <p class="p1"><a href="../html/xinpin.html">新品上新</a></p>
                <p>每日10.11.13点更新</p>
            </div>
        </section>
    </div>
    <div class="huadian">
        <img src="../img/29.png" alt="">
        <p>花店如何开启互联网时代 (一)</p>
    </div>
    <div class="font">
        <div class="left">
            <div class="menu">
                <p class="p1">深度解析花店花材养护问题</p>
                <p class="p2">伤花八宗罪———深度解析花店花材养护问题</p>
            </div>
        </div>
        <div class="right">
            <div class="menu">
                <p class="p1">深度解析花店花材养护问题</p>
                <p class="p2">伤花八宗罪———深度解析花店花材养护问题</p>
            </div>
        </div>
    </div>
    <div class="check">
        <p href="#">查看更多</p>
    </div>
    <div class="footer">
        <dl>
            <dt><img src="../img/30.png"></dt>
            <dd class="dd"><a href="../html/commodity.html">首页</a></dd>
        </dl>
        <dl>
            <dt><img src="../img/31.png"></dt>
            <dd>订单</dd>
        </dl>
        <dl>
            <dt><img src="../img/32.png"></dt>
            <dd>消息</dd>
        </dl>
        <dl>
            <dt><img src="../img/33.png"></dt>
            <dd><a href="../html/geren.html">我</a></dd>
        </dl>
    </div>

    <script src="../js/jquery-3.2.1.js"></script>
    <script src="../js/swiper-3.4.2.jquery.min.js"></script>
    <script src="../js/swiper.animate1.0.2.min.js"></script>
    <script>
        var mySwiper = new Swiper('.abc', {
            onInit: function (swiper) {
                swiperAnimate(swiper);
            },
            onSlideChangeEnd: function (swiper) {
                swiperAnimate(swiper);
            },
            pagination: '.swiper-pagination',
        })
    </script>
</body>

</html>